<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/resources/template/template_bootstrap.xhtml">


	<ui:define name="title">Carrinho de Compras</ui:define>

	<ui:define name="conteudo">

		<h:form id="formulario" prependId="false">

			<p:messages autoUpdate="true" closable="true" />

			<p:dataTable id="carrinho" styleClass="tabela-carrinho margin-bottom"
				value="#{carrinhoMB.carrinho.itens}" var="i" 
				emptyMessage="Carrinho vazio! Adicione produtos ao carrinho.">



				<p:column headerText="Produto">
					
					<div class="foto-produto-mini">
						<p:graphicImage
							styleClass="img-foto-produto-mini"
							value="/temp/#{fotoExibirMB.fotoProduto(i.produto).descricao}.jpg" />
					</div>
					<h:outputText value="#{i.produto.nome}" />
				</p:column>


				<p:column headerText="Quantidade" >

					<p:spinner id="ajaxspinner" value="#{i.quantidade}" size="5"
						converterMessage="Quantidade: É permitido apenas números."
						validatorMessage="Quantidade: Deve ser informado um número maior que 0 (Zero)"
						styleClass="no-margin-no-padding input-quantidade" min="1"
						label="Quantidade">
						<p:ajax listener="#{carrinhoMB.calculaTotalItem(i)}"
							update=":formulario" process="@this" />
						<f:validateLongRange minimum="1" />
					</p:spinner>


				</p:column>


				<p:column headerText="Preço unitário" styleClass="text-right">
					<h:outputText value="#{i.produto.preco_venda_desconto}">
						<f:convertNumber type="currency" />
					</h:outputText>
				</p:column>


				<p:column headerText="Total do item" styleClass="text-right">
					<h:outputText id="txtTotal" value="#{i.total}">
						<f:convertNumber type="currency" />
					</h:outputText>
				</p:column>


				<p:column headerText="Remover">
					<p:commandLink value="Remover" action="#{carrinhoMB.remover(i)}"
						update=":formulario" />
				</p:column>

				<f:facet name="footer">
					<p:outputPanel rendered="#{carrinhoMB.carrinho.itens.size() > 0}">
						<h:outputText value="Subtotal da compra: " />
						<h:outputText id="txtTotalCompra"
							value="#{carrinhoMB.carrinho.totalVenda}">
							<f:convertNumber type="currency" />
						</h:outputText>

						<h:outputText value=" em até #{carrinhoMB.maxParcela}x de "></h:outputText>
						<h:outputText
							value="#{carrinhoMB.carrinho.totalVenda/carrinhoMB.maxParcela}">
							<f:convertNumber type="currency" />
						</h:outputText>
						<h:outputText value=" sem juros."></h:outputText>
					</p:outputPanel>
				</f:facet>

			</p:dataTable>


			
			<ui:include src="frete.xhtml">
				<ui:param name="produto" value="#{null}" />
				<ui:param name="frete" value="#{carrinhoMB.frete}" />
			</ui:include>



			<div class="row-fluid margin-top">
				<div class="span12">

					<p:commandLink styleClass="float-right btn-virtual margin-left"
						value="Comprar"
						rendered="#{carrinhoMB.carrinho.itens.size() > 0 }"
						action="#{carrinhoMB.vender}" ajax="false" />

					<p:commandLink styleClass="float-right btn-virtual"
						value="Continuar comprando"
						action="/index.jsf?faces-redirect=true" ajax="false" />
				</div>
			</div>



		</h:form>
	</ui:define>
</ui:composition>